<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>菜单组件</title>
  <link rel="stylesheet" href="../src/hans-ui.css">
</head>
<body>
  <div class="tt-content">
    <h1 class="tt-panel-title">菜单组件</h1>
    <div class="tt-panel-body no-padding">
      <div class="tt-menu">
        <!-- 菜单组件内容 -->
        <a class="tt-menu-item">
          <p class="tt-menu-name">用户ID</p>
          <span class="tt-menu-value">110112113</span>
        </a>
        <a class="tt-menu-item">
          <p class="tt-menu-name">用户名</p>
          <span class="tt-menu-value">吉祥三宝</span>
          <i class="fa fa-chevron-right tt-menu-icon"></i>
        </a>
        <a class="tt-menu-item">
          <p class="tt-menu-name">二维码</p>
          <i class="fa fa-qrcode tt-menu-value"></i>
        </a>
        <a class="tt-menu-item">
          <p class="tt-menu-name">隐私设置</p>
          <i class="fa fa-chevron-right tt-menu-icon"></i>
        </a>
        <a class="tt-menu-item">
          <p class="tt-menu-name">新消息提醒</p>
          <input class="tt-switch" type="checkbox">
      </a>
      <a class="tt-menu-item">
          <p class="tt-menu-name">仅在有WIFI网络下使用</p>
          <input class="tt-switch" type="checkbox" checked>
      </a>
      </div>
    </div>
  </div>
</body>
</html>